jQuery(function ($) {
     //banner图点击切换
     var index = 0 ;
     $('.small_box span').eq(0).addClass('btnColor');
     $('.small_box').on('click', 'span', function () {
          index = $(this).index();
         $('.small_box span').eq(index).addClass('btnColor').siblings().removeClass('btnColor');
         $('.banner_box a').eq(index).addClass('open').siblings().removeClass('open');
     });
     $('.small_box').on('click', 'img', function () {
          index = $(this).index();
         $('.banner_box a').eq(index).addClass('open').siblings().removeClass('open');
     });
     //banner图点击切换上一个下一个
    //  var index = 0;
     var bannerImgLength = $('.banner_box a').length;
     $('.next').click(function () {
         if (index < bannerImgLength-1 && index > -1) {
             index++;
             $('.small_box span').eq(index).addClass('btnColor').siblings().removeClass('btnColor');
             $('.banner_box a').eq(index).addClass('open').siblings().removeClass('open');
         } else if (index == bannerImgLength-1) {
             index = -1;
             index++;
             $('.small_box span').eq(index).addClass('btnColor').siblings().removeClass('btnColor');
             $('.banner_box a').eq(index).addClass('open').siblings().removeClass('open');
         }
     });
     $('.pre').click(function () {
         if (index < bannerImgLength && index > 0) {
             index--;
             $('.small_box span').eq(index).addClass('btnColor').siblings().removeClass('btnColor');
             $('.banner_box a').eq(index).addClass('open').siblings().removeClass('open');
         } else if (index == 0) {
             index = bannerImgLength;
             index--;
             $('.small_box span').eq(index).addClass('btnColor').siblings().removeClass('btnColor');
             $('.banner_box a').eq(index).addClass('open').siblings().removeClass('open');
         }
     });
});